<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取手机验证码</title>
		<link rel="stylesheet" type="text/css" href="/front/css/headfoot.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/login.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/getCode.css"/>
	</head>
	<body>
		<!--顶部开始-->
		<header>
			<div id="login-header">
				<div class="login-header-middle">
					<div class="login-header-left">
						<a href={php} echo url('/web/index','','','www') {/php} title="首页">
							<i></i>
							<span class="login-shsy">双辉旅程网</span>
						</a>
						<span class="wel-login">获取手机验证码</span>
					</div>
				</div>
			</div>
		</header>
		<!--顶部结束-->
		<!--找回密码中获得手机验证码开始-->
		<div id="getCodepwd-box">
			<div class="getCodepwd-bg-img">
				<form  id="backpassword" method="get" action ="javaScript:;">
					<div class="getCodepwd-form">
						<div class="getCodepwd-account">
							<p class="account-p">获取手机验证码</p>
						</div>
						<div class="form-group-input">
							<div class="input-title">已验证手机：<span style="padding-left: 10px; color: #333;">{php} echo session('phone') {/php}</span></div>
						</div>
						<div class="form-group-input form-input-code">
							<div class="input-title">手机校验码 <span id="phone_codeerror" style="color:#ea5404;font-size:13px;font-weight:400;"></span></div>
							<input type="text" name="phone_code"  placeholder="请输入手机校验码"/>
							<input type="button"  id="phone_codea" value="点我获取手机验证码" class="get-mob-code" />
						</div>
						<div class="form-group-input">
							<button  id="aa">确<i style="padding: 0px 5px;"></i>定</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<!--找回密码中获得手机验证码结束-->

		<script type="text/javascript" src="/jquery.js"></script>
		<script src="/front/js/js.js"></script>
	    <script type="text/javascript">
	      $(document).ready(function(){
		        //提交表单
		        $("#aa").click(function(){
		        $("#backpassword").attr('action','/userforgotpwd/hdcodeform');
		        $("#backpassword").submit();
		          });
	        });  
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
		     $("#phone_codea").click(function(){
		     		$.post("/userforgotpwd/sendcode?"+Math.random(),
			        {

			        },function(data){

			        },"json");
		     	})
		      });
		</script>
		<script type="text/javascript">
    	$(function(){
    		//手机验证码验证
    		$('input[name="phone_code"]').blur(function(){
    			var phone_code = $('input[name="phone_code"]').val();
    			//不能为空
    			if(!$.trim(phone_code)) {
					$("input[name='phone_code']").css({border: "1px solid red"});
					$("#phone_codeerror").html("请输入手机校验码");
					return false;
    			}else{
    				$("input[name='phone_code']").css({border: "1px solid green"});
					$("#phone_codeerror").html("");
    			}
    			})
    		})
    	</script>
		<!--公共底部开始-->
		{include file='./base/footer'}
		<!--公共底部结束-->
	</body>
</html>
